<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // location.hash 设置或取得URL中的锚
      console.log(location.hash);
      // location.host 设置或取得 URL中主机（包括端口号）
      // location.hostname设置或取得 URL 中的主机名
      // location.href设置或取得完整的 URL （页面重定向应用）
      // location.pathname设置或取得 URL 中的路径
      // location.port设置或取得 URL 中的端口号
      // location.protocol设置或取得 URL 使用的协议
      // location.search设置或取得 URL 中的查询字符串（一般是？符号后面的内容）

      var x = location;
      console.log(
        "host",
        x.host,
        "hostname",
        x.hostname,
        "href:",
        x.href,
        "pathname",
        x.pathname,
        "port",
        x.port,
        "protocol",
        x.protocol,
        "search",
        x.search
      );
      var url1 =
        "http://127.0.0.1:5500/JavaScript/A7.html?username=zhangsan&sex=male#/classic/type";
        // hash:#/classic/type
        // host: 127.0.0.1:5500 
        //hostname: 127.0.0 .1 
        //port: 5500 
        //href: http://127.0.0.1:5500/JavaScript/A7.html?username=zhangsan&sex=male#/classic/type 
        //pathname: JavaScript/A7.html 
        //protocol: http: 
        //search: ?username=zhangsan&sex=male
    </script>
  </body>
</html>
